<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/search.css">
		<link rel="stylesheet" href="./iconfont/iconfont.css"><!-- 引入css文件 图标 -->
		<script>
            // JavaScript代码段
            window.onload = function() {
                var backIcon = document.querySelector('.icon-fanhui1'); // 获取返回图标元素
                backIcon.addEventListener('click', function() {
                    location.href = './home.html'; // 跳转到首页
                });
            }
        </script>
	</head>
	<body>
		<div class="index">
			<div class="header">
				<header id="input">
					<div class="back">
                        <span class="iconfont icon-fanhui1" style="font-size: 35px;"></span>
					</div>
					<div class="ht">
						<span class="iconfont icon-sousuo" style="font-size: 20px;"></span> 
    					<input type="text" name="search" id="search" placeholder="毛毯手工编织品">
    					<span class="iconfont icon-chakan" style="font-size: 30px;"></span> 
					</div>
					<div class="btn">
						<!-- <span class="iconfont icon-fabu"></span> -->
						<p>搜索</p>
					</div>
				</header>
				
				<div class="jiLu">
					<div class="title">
						<span>猜你想搜</span>
						<span>换一换</span>
					</div>
					<div class="box1">
						毛毯手工编织
					</div>
					<div class="box1">
						沪上阿姨团购
					</div>
					<div class="box1">
						keep奖牌
					</div>
					<div class="box1">
						隐形的翅膀转场
					</div>
					<div class="box1">
						趁热集合hotcrush
					</div>
					<div class="box1 box2">
						围巾
					</div>
					<div class="box1">
						钢琴简谱流行曲
					</div>
					<div class="box1">
						冬天帽子
					</div>
				</div>
			</div>
			
			<div class="main">
				<div class="title">
					<div class="t1">抖音热榜</div>
					<div>同城榜</div>
					<div>直播榜</div>
					<div>团购榜</div>
					<div>品牌榜</div>
				</div>
				
				<div class="box1">
					<div class="box2 box3">
						<div class="t1">1</div>
						<div class="t2">进博会吸引力为何越来越强</div>
						<div class="t3"></div>
					</div>
					<div class="box2">
						<div class="t1">2</div>
						<div class="t2">LNG道歉<span style="background-color: brown;">爆</span></div>
						<div class="t3">1193.3万</div>
					</div>
					<div class="box2">
						<div class="t1">3</div>
						<div class="t2">助学金事件学生回应调查...<span style="background-color: orangered;">热</span></div>
						<div class="t3">1038.1万</div>
					</div>
					<div class="box2">
						<div class="t1">4</div>
						<div class="t2">2023世界互联网大会乌镇峰会:</div>
						<div class="t3">1028.7万</div>
					</div>
					<div class="box2">
						<div class="t1">5</div>
						<div class="t2">你的城市下雪了吗<span style="background-color: deeppink;">新</span></div>
						<div class="t3">957.9万</div>
					</div>
					<div class="box2">
						<div class="t1">6</div>
						<div class="t2">宁王谈Tarzan<span style="background-color: orangered;">热</span></div>
						<div class="t3">949.0万</div>
					</div>
					<div class="box2">
						<div class="t1">7</div>
						<div class="t2">罗英子爸爸霸气替女儿报仇<span style="background-color: palevioletred;">首发</span></div>
						<div class="t3">948.8万</div>
					</div>
					<div class="box2">
						<div class="t1">8</div>
						<div class="t2">加沙疏散行动暂停</div>
						<div class="t3">社会高热</div>
					</div>
					<div class="box2">
						<div class="t1">9</div>
						<div class="t2">乌方称将发动毁灭性无人机...</div>
						<div class="t3">社会高热</div>
					</div>
				</div>
			</div>
			
			<div class="footer">
				<div>
					<a href="./home.html">首页</a> 
				</div>
				<div>
					<a href="./procedure.html">朋友</a> 
				</div>
				<div>
					<img src="./static/proced/1699865786832.jpg" alt="">
				</div>
				<div>
					<a href="./message.html">消息</a> 
				</div>
				<div>
					<a href="./user.html">我的</a> 
				</div>
			</div>
		</div>
	</body>
</html>